﻿<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<title>分类管理</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="assets/css/bootstrap.css" />
		<script type="text/javascript">
			function dianji() {

				var flag = document.getElementById("all").checked;
	     		var cks = document.getElementsByName("ck");

				if(flag) {

					for(var i = 0; i < cks.length; i++) {

						cks[i].checked = true;

					}

				} else {

					for(var i = 0; i < cks.length; i++) {

						cks[i].checked = false;

					}

				}

			}
		</script>

	</head>

	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<h1 class="page-header">
                                              分类管理 <small>分类列表</small>
                     </h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<!-- 分类列表--bootstrap高级表格使用 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							分类列表

						</div>
						<div class="panel-body">
							<div>

								<input type="text">
								<input type="submit" value="搜索">
								<a href="class_add.html">
									<input id="addclass" name="addclass" type="button" value="添加商品分类" class="btn btn-info" style="float: right;" />
								</a>

							</div>
							<br />
							<!--table-responsive响应式表格，会自动添加滚动条-->
							<div class="table-responsive">
								<table class="table table-striped table-bordered table-hover" id="class_manage">
									<thead>
										<tr>
											<th><input type="checkbox" id="all" onchange="dianji()"></th>
											<th>编号</th>
											<th>分类名称</th>
											<th>排序</th>
											<th>描述</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="odd gradeX">
											<td><input type="checkbox" name="ck"></td>
											<td>1</td>
											<td>床具</td>
											<td><input type="text" style="width: 3em;"></td>
											<td class="center">床上用品</td>
											<td>
												<a title="修改" class="t-edit glyphicon glyphicon-pencil" href="class_edit.html"></a> &nbsp&nbsp&nbsp
												<a title="删除" class="t-del glyphicon glyphicon-trash"></a>
											</td>
										</tr>
										<tr class="even gradeC">
											<td><input type="checkbox" name="ck"></td>
											<td>2</td>
											<td>灯具</td>
											<td><input type="text" style="width: 3em;"></td>
											<td class="center">装饰照明</td>
											<td>
												<a title="修改" class="t-edit glyphicon glyphicon-pencil" href="class_edit.html"></a> &nbsp&nbsp&nbsp
												<a title="删除" class="t-del glyphicon glyphicon-trash"></a>
											</td>
										</tr>
										<tr class="even gradeC">
											<td><input type="checkbox" name="ck"></td>
											<td>3</td>
											<td>地毯</td>
											<td><input type="text" style="width: 3em;"></td>
											<td class="center">家用装饰</td>
											<td>
												<a title="修改" class="t-edit glyphicon glyphicon-pencil"></a> &nbsp&nbsp&nbsp
												<a title="删除" class="t-del glyphicon glyphicon-trash"></a>
											</td>
										</tr>
									</tbody>

								</table>
								<div>
									<input id="savesort" name="savesort" type="button" value="保存排序" class="btn btn-info" />
								</div>
							</div>

							<!--	<div class="container">-->
							<!--分页显示-->
							<div class="row">
								<div class="col-md-6">
									<div class="pagination" style="margin: 0px;" role="alert" aria-live="polite" aria-relevant="all">显示 1 到 10 页 记录数57</div>
								</div>
								<div class="col-md-6" style="text-align: right;">
									<ul class="pagination" style="margin: 0px;">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">&laquo;</span>
											</a>
										</li>
										<li>
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">3</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">&raquo;</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<!--分页显示-->
							<!--</div>-->
						</div>
					</div>
					<!--表格结束 -->
				</div>
			</div>
		</div>
	</body>

</html>